<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <title>99乘法表</title>
      <style>
         span {
             display: inline-block;
             width: 100px;
             /*height: 30px;*/
             line-height: 30px;
             text-align: center;
             margin: 5px;
             /*border: 1px solid #000;*/
             border-radius: 5px;
             background-color: #e0f6f6;
             box-shadow: 1px 1px 5px #b6b6b6;
         }
      </style>
   </head>
   <body>
      <script>
         for (let i = 1; i <= 9; i++) {
            for (let j = 1; j <= i; j++) {
               document.write(`
               <span>${j} X ${i} = ${j * i}</span>
               `)
            }
            document.write('<br>')
         }
      </script>
   </body>
</html>